@extends('admin.layouts')
@section('main')
    <style>
    @media screen and (max-width: 450px){
        .layui-form-item .layui-input-inline {
            float: left;
            width: 190px;
            margin-right:0px;
        }
        .layui-input, .layui-textarea {
            display: block;
            width: 100%;
            padding-left: 10px;
        }
        body{background:#fff}
    }
    </style>
    <div class="add-subcat layui-layer-wrap" style="display: block;">
        <form id="form1" class="layui-form layui-form-pane" action="{{url('admin/roleedit')}}">
            {{csrf_field()}}
            <input type="hidden" name="id" value="{{$data->id}}">
            <div class="layui-form-item">
                <label class="layui-form-label">{{trans('config.role')}}</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" required jq-verify="required" value="{{$data->name}}" jq-error="{{trans('config.vali_required')}}" placeholder="{{trans('config.input_role')}}" autocomplete="off" class="layui-input ">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">Display Name</label>
                <div class="layui-input-inline">
                    <input type="text" name="display_name" value="{{$data->display_name}}" placeholder="{{trans('config.input_display_name')}}" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-inline" style="width:100%">
                    <textarea type="text" name="description" placeholder="{{trans('config.text_description')}}" autocomplete="off" class="layui-textarea">{{$data->description}}</textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" jq-submit jq-filter="submit">{{trans('config.btn_submit')}}</button>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('script')

<script>
    layui.use('simpleform');
</script>
@endsection